import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//自动导入ref,re等，不需要每个页面都需要引入
import AutoImport from 'unplugin-auto-import/vite'
import path from 'path'
import VueSetupExtend from "vite-plugin-vue-setup-extend"

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
const pathSrc = path.resolve(__dirname,'src')

import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  server:{
    //open:true,
    port:8080,
    proxy:{
      '/api':{
        target:'http://localhost:8097',//目标后端服务器地址
        changeOrigin:true,//是否改变源地址
        rewrite:path=>path.replace(/^\/api/,'')//重写路径 也就是最后到后台的路径 这个api会被去除
      }
    }
  },
  resolve:{
   alias:{
    '@':pathSrc
   }
  },
  plugins: [
    vue(),
    VueSetupExtend(),
    AutoImport({
      imports:[
        'vue',
        'vue-router'
      ]
    }),
    tailwindcss(),
    createSvgIconsPlugin({
      // 设置图标所在文件夹路径
      iconDirs: [path.resolve(pathSrc, 'assets/svg')],
      // 设置symbolId的格式
      symbolId: 'icon-[dir]-[name]',
      // （可选）自定义插入位置，默认为body末尾
      // inject: 'body-first',
      // （可选）自定义DOM节点ID，默认为__svg__icons__dom__
      // customDomId: '__my-custom-id__',
    }),
  ],
})
